<!DOCTYPE html>
<html>
<div style="position: absolute !important; visibility: hidden !important"></div>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta charset="utf-8">
  <title>重置密码 — Blynk</title>
  <link rel="icon" type="image/png" href="http://www.blynk.cc/favicon.ico">

  <style type="text/css"></style>

  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&part=2" />
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&part=3" />
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&part=4" />
  <![endif]-->
<!--[if lt IE 9]>
  <script src="//static.squarespace.com"></script>
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&noMedia=true&part=1" />
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&noMedia=true&part=2" />
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&noMedia=true&part=3" />
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css?&filterFeatures=false&noMedia=true&part=4" />
  <![endif]-->
<!--[if !IE]> -->
  <link rel="stylesheet" type="text/css"
    href="//static1.squarespace.com/static/sitecss/54765ba7e4b0d055ee0b47a6/81/52a74dafe4b073a80cd253c5/547662ffe4b0ace1b3020903/918-05142015/1431607402131/site.css">
  <!-- <![endif]-->


  <style type="text/css">
    .disable-hover:not(.sqs-layout-editing),
    .disable-hover:not(.sqs-layout-editing) * {
      pointer-events: none;
    }
  </style>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/core-min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/sha256-min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/enc-base64-min.js"></script>

</head>

<body id="collection-555496aae4b071d194a427ab"
  class="nav-button-style-raised nav-button-corner-style-rounded banner-button-style-raised banner-button-corner-style-rounded banner-slideshow-controls-arrows meta-priority-date  hide-entry-author hide-list-entry-footer    hide-blog-sidebar   center-navigation--info  gallery-design-grid aspect-ratio-auto lightbox-style-light gallery-navigation-bullets gallery-info-overlay-show-on-hover gallery-aspect-ratio-32-standard gallery-arrow-style-no-background gallery-transitions-fade gallery-show-arrows gallery-auto-crop   product-design-version-is-legacy product-list-gallery-grid product-list-layout-ratio-thirds product-item-size-11-square product-image-auto-crop product-list-titles-under product-list-alignment-center product-list-text-alignment-left  show-product-price product-item-gallery-slideshow product-item-image-alignment-left product-item-carousel-crop product-gallery-size-11-square  product-item-stacked-banner product-item-image-zoom product-item-thumbnails-left product-item-text-alignment-left product-item-excerpt-alignment-left product-item-excerpt-position-middle show-product-item-nav product-social-sharing product-list-status-rectangle product-list-status-placement-top-right product-list-status-flag-placement-top-right product-list-status-banner-placement-top   event-show-past-events event-thumbnails event-thumbnail-size-32-standard event-date-label  event-list-show-cats event-list-date event-list-time event-list-address   event-icalgcal-links  event-excerpts       hide-opentable-icons opentable-style-dark newsletter-style-light small-button-style-outline small-button-shape-rounded medium-button-style-raised medium-button-shape-rounded large-button-style-raised large-button-shape-rounded button-style-raised button-corner-style-rounded native-currency-code-usd collection-555496aae4b071d194a427ab collection-type-page collection-layout-default mobile-style-available">
  <a href="http://www.blynk.cc/password#" class="body-overlay"></a>
  <div class="sqs-announcement-bar-dropzone"></div>
  <div id="sidecarNav">
    <div id="mobileNavWrapper" class="nav-wrapper" data-content-field="navigation-mobileNav">
      <nav id="mobileNavigation">
        
      </nav>
    </div>
  </div>

  <div id="siteWrapper" class="clearfix">
    <div class="sqs-cart-dropzone" style="top: 95px;">
      <div id="yui_3_17_2_1_1431850947577_187" class="yui3-widget sqs-widget sqs-pill-shopping-cart sqs-scalable-hidden"
        style="visibility: hidden; opacity: 0; transform: scale(0.94);">
        <div id="yui_3_17_2_1_1431850947577_189" class="sqs-pill-shopping-cart-content dark">
          <div class="icon">
          </div>
          <div class="details">
            Cart&nbsp;-&nbsp;
            <span class="total-quantity">0</span>
            <span class="suffix">items</span>
          </div>

          <span class="subtotal">
            <span class="price"><span class="sqs-money-native">0.00</span></span>
          </span>
        </div>
      </div>
    </div>

    <header id="header" class="show-on-scroll" data-offset-el=".index-section" data-offset-behavior="bottom"
      role="banner">
      <div class="header-inner">
        <div id="siteTitleWrapper" class="wrapper" data-content-field="site-title">

          <h1 id="siteTitle" class="site-title"><a href="http://www.blynk.cc/">Blynk</a></h1>

        </div>
        <div id="headerNav">
          <div id="mainNavWrapper" class="nav-wrapper" data-content-field="navigation-mainNav">
            <nav id="mainNavigation" data-content-field="navigation-mainNav">

              
            </nav>

          </div>

          <!-- style below blocks out the mobile nav toggle only when nav is loaded -->
          <style>
            .mobile-nav-toggle-label {
              display: inline-block !important;
            }
          </style>


        </div>
      </div>
    </header>

    <div id="promotedGalleryWrapper" class="sqs-layout promoted-gallery-wrapper">
      <div class="row">
        <div class="col">

        </div>
      </div>
    </div>


    <main id="page" role="main">

      <!-- comment the linebreak between these two elements because science
        -->
      <!-- comment the linebreak between these two elements because science
        -->
      <!-- comment the linebreak between these two elements because science
        -->
      <div id="content" class="main-content" data-content-field="main-content"
        data-collection-id="555496aae4b071d194a427ab" data-edit-main-image="Banner">
        <div class="sqs-layout sqs-grid-12 columns-12" data-type="page" data-updated-on="1431610820672"
          id="page-555496aae4b071d194a427ab">
          <div class="row sqs-row" id="yui_3_17_2_1_1431850947577_298">
            <div class="col sqs-col-12 span-12" id="yui_3_17_2_1_1431850947577_297">
              <div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21"
                id="block-yui_3_17_2_4_1431606871172_25466">
                <div class="sqs-block-content">&nbsp;</div>
              </div>
              <div class="sqs-block html-block sqs-block-html" data-block-type="2"
                id="block-yui_3_17_2_4_1431606871172_24372">
                <div class="sqs-block-content">
                  <h2>重置你的密码</h2>
                </div>
              </div>
              <div class="row sqs-row" id="yui_3_17_2_1_1431850947577_296">
                <div class="col sqs-col-6 span-6" id="yui_3_17_2_1_1431850947577_295">
                  <div class="sqs-block form-block sqs-block-form" data-block-type="9"
                    id="block-yui_3_17_2_4_1431606871172_4671">
                    <div class="sqs-block-content" id="yui_3_17_2_1_1431850947577_294">

                      <div class="form-wrapper">

                        <div class="form-inner-wrapper" id="yui_3_17_2_1_1431850947577_292">

                          <form autocomplete="on" action="updatePassword" method="POST" id="form_login"
                            onsubmit="encryptPassword();">
                            <div class="field-list clear">
                              <div class="form-item field password required">
                                <label class="title" for="password">新密码<span class="required">*</span></label>

                                <input class="field-element" type="password" id="password" name="password">
                              </div>

                              <div class="form-item field password required">
                                <label class="title" for="password_re">再输入一遍 <span class="required">*</span></label>

                                <input class="field-element" type="password" id="password_re"
                                  onkeyup="checkPass(); return false;">
                                <span id="confirmMessage" class="confirmMessage"></span>
                              </div>
                            </div>

                            <div>
                              <input type="hidden" id="token" name="token" value="{TOKEN}">
                            </div>
                            <div>
                              <input type="hidden" id="email" name="email" value="{EMAIL}">
                            </div>

                            <div class="form-button-wrapper form-button-wrapper--align-left">
                              <input class="button sqs-system-button sqs-editable-button" type="submit"
                                value="重置密码">
                            </div>


                            <div class="hidden form-submission-text">
                              <p>你的密码已重置！！</p>
                            </div>

                            <div class="hidden form-submission-html" data-submission-html=""></div>
                          </form>

                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col sqs-col-6 span-6" id="yui_3_17_2_1_1431850947577_338">
                  <div class="sqs-block spacer-block sqs-block-spacer" data-aspect-ratio="47.288503253796094"
                    data-block-type="21" id="block-yui_3_17_2_4_1431606871172_20828">
                    <div class="sqs-block-content sqs-intrinsic" id="yui_3_17_2_1_1431850947577_170"
                      style="padding-bottom: 47.2885032537961%;">&nbsp;
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </main>

    <div id="preFooter">
      <div class="pre-footer-inner">
        <div class="sqs-layout sqs-grid-12 columns-12 empty" data-layout-label="Pre-Footer Content"
          data-type="block-field" data-updated-on="1420592867852">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
            </div>
          </div>
        </div>
      </div>
    </div>

    <footer id="footer" role="contentinfo">


    </footer>
  </div>
  <script type="text/javascript">
    function checkPass() {
      //Store the password field objects into variables ...
      var pass1 = document.getElementById('password');
      var pass2 = document.getElementById('password_re');
      //Store the Confimation StringMessage Object ...
      var message = document.getElementById('confirmMessage');
      //Set the colors we will be using ...
      var goodColor = "#66cc66";
      var badColor = "#ff6666";
      //Compare the values in the password field
      //and the confirmation field
      if (pass1.value == pass2.value) {
        //The passwords match.
        //Set the color to the good color and inform
        //the user that they have entered the correct password
        message.style.color = goodColor;
        message.innerHTML = "两次输入的密码一致!"
      } else {
        //The passwords do not match.
        //Set the color to the bad color and
        //notify the user.
        message.style.color = badColor;
        message.innerHTML = "两次输入的密码不一致!"
      }
    }
  </script>
  <script type="text/javascript">
    function encryptPassword() {
      var email = document.getElementById("email").value;
      var password = document.getElementById("password").value;
      var algo = CryptoJS.algo.SHA256.create();
      algo.update(password, 'utf-8');
      algo.update(CryptoJS.SHA256(email.toLowerCase()), 'utf-8');
      var hash = algo.finalize();
      var final = hash.toString(CryptoJS.enc.Base64);
      document.getElementById("password").value = final;
    }
  </script>
</body>

</html>